<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <!-- UC强制竖屏 -->
    <meta name=”screen-orientation” content=”portrait”>
    <!-- UC强制全屏 -->
    <meta name=”full-screen” content=”yes”>
    <!-- UC应用模式 -->
    <meta name=”browsermode” content=”application”>
    <!-- QQ强制竖屏 -->
    <meta name=”x5-orientation” content=”portrait”>
    <!-- QQ强制全屏 -->
    <meta name=”x5-fullscreen” content=”true”>
    <!-- QQ应用模式 -->
    <meta name=”x5-page-mode” content=”app”>
    <!-- 针对一些不识别 viewport 的浏览器 -->
    <meta name=”HandheldFriendly” content=”true”>
    <!-- 微软的老式浏览器 -->
    <meta name=”MobileOptimized” content=”320″>
    <meta name="format-detection" content="telephone=no" />
    <meta name="Keywords" content="淘景立画--国内领先的移动互联网及三网融合新媒体内容运营商 贺岁页面" />
    <meta name="Description"
        content="淘景立画--国内领先的移动互联网及三网融合新媒体内容运营商 贺岁页面" />
    <meta name="author" content="淘景立画" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

    <title>淘尽铅华,立于一画</title>
    <link href="img/topdraw_favicon.ico" rel="shortcut icon">
    <!-- css样式 -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/page.css">

    
</head>

<body>
    <div id="log_div" class="logdiv" style="position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);color:#fff;font-size:0.1rem;z-index: -1;display: none;">

    </div>
    <div id="cushion" class="cushion blur">

    </div>

    <div id="content">
        <div id="loading_progress" class="loading_progress">
            0%
        </div>
        <!--模糊图片-->
        <img id="blur" src="img/bg_1.jpg">
        <!--使用canvas绘制图片-->
        <canvas id="canvas"></canvas>
    </div>

    <div id="page_one" class="page page_one">
        <div id="touch_layer_one" class="page"></div>
        <div class="bg bg_1" id="bg_1">

        </div> 
        <img id="scroll" class="scroll" src="img/kakemono.png">
        <div id="finger_ani_wrapper" class="finger_ani_wrapper">
            <div class="circle circle1"></div>
            <div class="circle circle2"></div>
            <div class="circle circle3"></div>
            <div class="finger"></div>
        </div>
    </div>
    <div id="page_two" class="page page_two">
        <div id="touch_layer_two" class="page"></div>
        <div id="score_list" class="score_list">
            <div id="score_wrapper" class="score_wrapper">
                <div class="score_cell">
                    <img src="img/bless.png" alt="">
                    <p>0</p>
                </div>
                <div class="score_cell">
                    <img src="img/copper.png" alt="">
                    <p>0</p>
                </div>
                <div class="score_cell">
                    <img src="img/ingots.png" alt="">
                    <p>0</p>
                </div>
            </div>
            
        </div>
        <div class="bg bg_2" id="bg_2">
        
        </div> 
        
        <div id="run_stage" class="run_stage">
        </div>  
        <div id="roof" class="roof"></div>
    
        <div id="money_list" class="money_list">
    
        </div>
    
        <!-- 音效相关 -->
        <audio src="media/money.mp3" id="money_audio">
            您的浏览器不支持 audio 元素。
        </audio>
        <audio src="media/collision.mp3" id="collision_audio">
            您的浏览器不支持 audio 元素。
        </audio>
        <audio src="media/run.mp3" id="run_audio">
            您的浏览器不支持 audio 元素。
        </audio>
    
       
    </div>

    <div id="page_three" class="page page_three">
        <div class="bg bg_3" id="bg_3">
            
        </div> 
        <div id="once_more" class="once_more"></div>
    </div>
    <div id="page_four" class="page page_four">
        <div class="bg bg_4" id="bg_4">

        </div> 
        
    </div>
   
    <div id="preload_list" class="preload_list" style="visibility: hidden;position: absolute;">
        <img src="img/bg_2.jpg" alt="" style="visibility: hidden;position: absolute;" id="bg_preload">
        <img src="img/fu.jpg" alt="">
        <img src="img/fu_sign.jpg" alt="">
        <img src="img/ji.jpg" alt="">
        <img src="img/ji_sign.jpg" alt="">
        <img src="img/cai.jpg" alt="">
        <img src="img/cai_sign.jpg" alt="">
    </div>
</body>
<!-- js脚本 -->

<script src="js/jquery.min.js"></script>
<script src="js/pixi.js"></script>
<script src="js/pixi-spine.js"></script>
<script src="js/clickspark.min.js"></script>
<script src="js/main.js?v=9"></script>

<!-- 辅助 -->
<link rel="stylesheet" href="responsive/flexible.css">
<script src="responsive/flexible.js"></script>


<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js" type="text/javascript" charset="utf-8"></script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?fe3a670e1c7bf9b02a4748c60cf394f9";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</html>